<div class="page">

  <mat-tab-group>
    <mat-tab label="求职">
      <div class="home-img">
        <img src="https://img.bosszhipin.com/static/file/2022/z8p71sj6ny1643173432685.png" class="home-top" />
      </div>
      <div class="city">
        <span>城市:</span>
        <input type="text" name="city" class="search" placeholder="请输入搜索内容" />
        <button class="btn">搜索</button>
      </div>
      <div *ngFor="let work of workList">
        <div class="box">
          <div class="one">
            <div class="two two-1">
              <span>{{ work.job }}</span>
              <span>{{ work.pay }}</span>
            </div>
            <div class="two">
              <span>{{ work.companyName }}</span>
              <span>{{ work.number }}</span>
            </div>
            <div class="two">
              <span>{{ work.location }}</span>
              <span>{{ work.exp }}</span>
            </div>
            <div class="three">{{ work.recruiter }}</div>
          </div>
        </div>
      </div>

    </mat-tab>
    <mat-tab label="租房">
      <div class="zufangzt">
        <div class="zfbody">
          <img class="zufang" src="/assets/images/zufang.jpg" alt="">
          <!-- <img class="zufang" src="/assets/images/zufang1.jpg" alt="">
                              <img class="zufang" src="/assets/images/zufang2.jpg" alt=""> -->
        </div>
        <div class="sousuo">
          <mat-tab-group>
            <mat-tab label="整租">
              <div class="zhengzucenter">
                <div class="zhengzu">
                  <img src="/assets/images/搜索.svg" style="width: 25px; height: 25px; margin-top: 10px;">
                  <input type="text" placeholder="小区/商圈/地铁站/地标" class="sousuoan">
                  <img src="/assets/images/arrow-right.svg"
                    style="width: 20px; height: 20px; margin-top: 12px; margin-left: 15px;">
                  <img src="/assets/images/竖线.svg" style="width: 20px; height: 20px; margin-top: 12px;">
                  <img src="/assets/images/定位.svg" style="width: 20px; height:20px; margin-top: 12px;margin-left: 5px;">
                  <span style="margin-top: 12px; margin-left: 15px;">搜索</span>
                </div>
                <div class="bg"></div>
                <div class="radio">
                  <mat-radio-group aria-label="Select an option" style="width: 10px;">
                    <mat-radio-button value="1">不限</mat-radio-button>
                    <mat-radio-button value="2">一居室</mat-radio-button>
                    <mat-radio-button value="1">两居室</mat-radio-button>
                    <mat-radio-button value="2">三居室+</mat-radio-button>
                  </mat-radio-group>
                  <div class="buttonan">
                    <ion-button color="secondary">查看房源25535套</ion-button>
                  </div>
                </div>
              </div>
              <div class="fwzs" *ngFor="let rent of RentingList">
                <div>
                  <img class="thumbnail" src="{{rent.get('image')}}" width="130" height="130" data-loaded="true">
                </div>
                <div class="zu-info" style="width: auto">
                  <h3>
                    <a target="_blank" _soj="Filter_2&amp;hfilter=filterlist"
                      class="strongbox">{{rent.get("rentName")}}</a>
                    <em class="anxvan-ico"></em>
                  </h3>
                  <p class="details-item tag">
                    <b class="strongbox" style="font-weight: normal;">{{rent.get("room")}}</b>室<b class="strongbox"
                      style="font-weight: normal;">{{rent.get("hall")}}</b>厅<span>|</span><b class="strongbox"
                      style="font-weight: normal;">{{rent.get("square")}}</b>平米<span>|</span>中层 <i
                      class="iconfont jjr-icon"></i>
                    <i class="shipai">{{rent.get("tay")}}</i>
                  </p>
                  <address class="details-item">
                    <a target="_blank">{{rent.get("roomName")}}</a><br />
                    {{rent.get("location")}}
                  </address>
                  <p class="details-item bot-tag" style="width: auto">
                    <span class="cls-1" [style.backgroundColor]="tag.color"
                      *ngFor="let tag of rent.get('tagList')">{{tag.name}}</span>
                  </p>
                </div>
                <div>
                </div>
              </div>
            </mat-tab>
            <mat-tab label="合租">
              <div class="zhengzucenter">
                <div class="zhengzu">
                  <img src="/assets/images/搜索.svg" style="width: 25px; height: 25px; margin-top: 10px;">
                  <input type="text" placeholder="小区/商圈/地铁站/地标" class="sousuoan">
                  <img src="/assets/images/arrow-right.svg"
                    style="width: 20px; height: 20px; margin-top: 12px; margin-left: 15px;">
                  <img src="/assets/images/竖线.svg" style="width: 20px; height: 20px; margin-top: 12px;">
                  <img src="/assets/images/定位.svg" style="width: 20px; height:20px; margin-top: 12px;margin-left: 5px;">
                  <span style="margin-top: 12px; margin-left: 15px;">搜索</span>
                </div>
                <div class="bg"></div>
                <div class="radio">
                  <mat-radio-group aria-label="Select an option" style="width: 10px;">
                    <mat-radio-button value="1">不限</mat-radio-button>
                    <mat-radio-button value="2">两居室</mat-radio-button>
                    <mat-radio-button value="3">三居室</mat-radio-button>
                    <mat-radio-button value="4">四居室+</mat-radio-button>
                  </mat-radio-group>
                  <div class="buttonan">
                    <ion-button color="secondary">查看房源25535套</ion-button>
                  </div>
                </div>
                <div class="fwzs" *ngFor="let rent of RentingList">
                  <div>
                    <img class="thumbnail" src="{{rent.get('image')}}" width="130" height="130" data-loaded="true">
                  </div>
                  <div class="zu-info" style="width: auto">
                    <h3>
                      <a target="_blank" _soj="Filter_2&amp;hfilter=filterlist"
                        class="strongbox">{{rent.get("rentName")}}</a>
                      <em class="anxvan-ico"></em>
                    </h3>
                    <p class="details-item tag">
                      <b class="strongbox" style="font-weight: normal;">{{rent.get("room")}}</b>室<b class="strongbox"
                        style="font-weight: normal;">{{rent.get("hall")}}</b>厅<span>|</span><b class="strongbox"
                        style="font-weight: normal;">{{rent.get("square")}}</b>平米<span>|</span>中层 <i
                        class="iconfont jjr-icon"></i>
                      <i class="shipai">{{rent.get("tay")}}</i>
                    </p>
                    <address class="details-item">
                      <a target="_blank">{{rent.get("roomName")}}</a><br />
                      {{rent.get("location")}}
                    </address>
                    <p class="details-item bot-tag" style="width: auto">
                      <span class="cls-1" [style.backgroundColor]="tag.color"
                        *ngFor="let tag of rent.get('tagList')">{{tag.name}}</span>
                    </p>
                  </div>
                  <div>
                  </div>
                </div>
              </div>
            </mat-tab>
            <mat-tab label="公寓">
              <div class="zhengzucenter">
                <div class="zhengzu">
                  <img src="/assets/images/搜索.svg" style="width: 25px; height: 25px; margin-top: 10px;">
                  <input type="text" placeholder="小区/商圈/地铁站/地标" class="sousuoan">
                  <img src="/assets/images/arrow-right.svg"
                    style="width: 20px; height: 20px; margin-top: 12px; margin-left: 15px;">
                  <img src="/assets/images/竖线.svg" style="width: 20px; height: 20px; margin-top: 12px;">
                  <img src="/assets/images/定位.svg" style="width: 20px; height:20px; margin-top: 12px;margin-left: 5px;">
                  <span style="margin-top: 12px; margin-left: 15px;">搜索</span>
                </div>
                <div class="bg"></div>
                <div class="radio">
                  <div class="buttonan">
                    <ion-button color="secondary">查看房源25535套</ion-button>
                  </div>
                </div>
              </div>
              <div class="fwzs" *ngFor="let rent of RentingList">
                <div>
                  <img class="thumbnail" src="{{rent.get('image')}}" width="130" height="130" data-loaded="true">
                </div>
                <div class="zu-info" style="width: auto">
                  <h3>
                    <a target="_blank" _soj="Filter_2&amp;hfilter=filterlist"
                      class="strongbox">{{rent.get("rentName")}}</a>
                    <em class="anxvan-ico"></em>
                  </h3>
                  <p class="details-item tag">
                    <b class="strongbox" style="font-weight: normal;">{{rent.get("room")}}</b>室<b class="strongbox"
                      style="font-weight: normal;">{{rent.get("hall")}}</b>厅<span>|</span><b class="strongbox"
                      style="font-weight: normal;">{{rent.get("square")}}</b>平米<span>|</span>中层 <i
                      class="iconfont jjr-icon"></i>
                    <i class="shipai">{{rent.get("tay")}}</i>
                  </p>
                  <address class="details-item">
                    <a target="_blank">{{rent.get("roomName")}}</a><br />
                    {{rent.get("location")}}
                  </address>
                  <p class="details-item bot-tag" style="width: auto">
                    <span class="cls-1" [style.backgroundColor]="tag.color"
                      *ngFor="let tag of rent.get('tagList')">{{tag.name}}</span>
                  </p>
                </div>
                <div>
                </div>
              </div>
            </mat-tab>
          </mat-tab-group>
        </div>
      </div>
    </mat-tab>
    <mat-tab label="政策">
      <div class="zhengcezt">
        <div class="city">
          <span>城市:</span>
          <input type="text" name="city" class="search" placeholder="请输入搜索内容" />
          <button class="btn">搜索</button>
        </div>
        <div class="zhengceneirong" (click)="getDetail()" *ngFor="let policy of policyList">
          <h1>【{{policy.get("city")}}】{{policy.get("title")}}</h1>
        </div>
      </div>
    </mat-tab>

  </mat-tab-group>

</div>